/*.banner {width:1920px; height:700px;margin:0 auto;background:#cccccc;overflow:hidden;position:relative;}*/
/*.banner ul { position:absolute;left:0;top:0;z-index:100;}*/
/*.banner ul li { display:block;width:1920px;height:700px;float:left;}*/
/*.banner .con { position:absolute; left:45%; bottom:3%;z-index:101; }*/
/*.banner .con a { float:left; margin-right:8px; display:block; width:8px; height:8px; border-radius:100%; background:#000;z-index:101;}*/
/*.banner .con a.active { background:#fff;}*/
/*.banner .u { width:30px;height:20px;background:rgba(255,255,255,0.5); display:none;}*/
/*.banner .left { position:absolute; top:40%;left:2%;z-index:103;}*/
/*.banner .right { position:absolute; top:40%;right:2%;z-index:103;}*/
/*banner*/
.slider {
    position: relative;
    z-index: 9;
    height: 620px;
    min-width: 1200px;
    width: 100%;
    overflow: hidden;
}
.slider .slider-pointer {
    position: absolute;
    bottom: 50px;
    color: #fff;
    list-style: none;
    padding: 0;
    z-index: 999;
}
.slider .slider-pointer li {
    display: inline-block;
    margin: 0 15px;
    width: 12px;
    height: 12px;
    border-radius: 15px;
    opacity: 0.85;
    transition: all 320ms ease;
    background-color: #ffffff;

}
.slider .slider-pointer li:hover {
    width: 46px;
    background: url('/template/ch/z/images/icon04.png');
}
.slider .slider-pointer li.active {
    width: 46px;
    background: url('/template/ch/z/images/icon04.png');
}
.slider .slider-inner {
    width: 100%;
    height: 100%;
    position: relative;
}
.slider .slider-inner .item {
    width: 100%;
    height: 100%;
    float: left;
}
.slider .slider-inner .img {
    background-position: center top !important;
    width: 100%;
    height: 100%;
}
.slider .slider-control {
    position: absolute;
    width: 30px;
    height: 30px;
    z-index: 999;
    border-radius: 30px;
    text-align: center;
    font-weight: 900;
    font-size: 20px;
    line-height: 30px;
    background-color: #ffffff;
    opacity: 0.5;
    cursor: pointer;
    top: 40%;
    box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.5);
    transition: all 320ms ease;
}
.slider .slider-control:hover {
    opacity: 0.65;
    background-color: #ff000a;
}
.slider .slider-control:active {
    opacity: 0.85;
}
.slider .slider-control.prev {
    display: none;
    left: 20px;
}
.slider .slider-control.next {
    display: none;
    right: 20px;
}
.slider:hover .slider-control.prev {
    display: block;
    left: 20px;
}
.slider:hover .slider-control.next {
    display: block;
    right: 20px;
}

.touch{ width: 100%; height: 780px; margin:0 auto;}
.touch-bt{ height: 100px; width: 100%; border-bottom: 1px solid #dcdcdc;}
.bt-text{ font-size: 24px; float: left; height: 100px; line-height: 100px;}
.text01{font-size: 18px;}
.text02{ font-size: 12px; font-family: "Myriad Pro";}
.bt-tishi{ float: left; height: 100px; padding: 26px 0 0 300px;}
.bt-tishi p{ margin-bottom:4px;}
.touch-img{ width: 400px; height: 536px; margin-top:80px; float:left;}
.touch-info{ float: right; width: 720px; position: relative;}
.touch-more{ position: absolute; top: 0px;right: 0px; background-color: #eeeeee; width: 124px; height: 124px; }
.more-red{ width: 80px; height: 80px; position: absolute; right: 80px; top:80px;cursor: pointer;}
.tuoch-content{ margin-top:105px;}
.text03{ font-size: 60px; font-weight: bold;}
.text04{ font-size: 48px; font-weight: bold;}
.text05{ font-size: 30px; }
.touch-list{ height: 200px; }
.touch-list span{ font-size: 18px;}
.search-input{ position: relative; height: 40px; width: 220px; float: left;}
.search-input input{  height: 40px; width: 240px; margin: 30px 0 0 100px; line-height: 40px; padding:0 24px 0 10px;color:#333333;border:1px solid #666666;}
.sure{ text-align: center; line-height: 38px; width: 22px; height: 38px; background-color: #ffffff; font-size: 24px;position: absolute; top:31px; right:-118px;}
.touch-line{border-top: 3px solid #000000; margin:70px 0 -13px -130px; width: 850px;}
.search-but{ float: right; background: url("/template/ch/z/images/search.jpg") no-repeat; width: 40px; height: 30px; margin-top:35px; cursor: pointer;}
.touch-list li{ padding-top:60px;cursor: pointer; float: left; text-align: center;width:fit-content;width:-webkit-fit-content;width:-moz-fit-content; margin-right: 70px;}
.touch-list li:hover{border-top:3px solid #ff1000; }
.peoduct-show{ overflow: hidden; width: 100%; height: 538px; background-image: url("/template/ch/z/images/back01.jpg"); background-position: center top !important;}
.slider-product{width: 1200px;overflow: hidden;height: 378px; margin-top: 80px;}
.slider-product ul { width: 5000px;}
.peoduct-show li{ float: left; margin-right: 30px;width: 378px; height: 378px;}
.peoduct-show .main{ position: relative;}
.product-left, .product-right{ width: 110px; height: 30px; position: absolute; cursor: pointer;}
.product-left{ top:189px; left: -55px; background-image: url("/template/ch/z/images/left.png")}
.product-right{ top:189px; right: -55px; background-image: url("/template/ch/z/images/right.png")}
.prefer { width: 100%; height: 800px; background-image: url("/template/ch/z/images/back02.jpg");background-position: center top !important;}
.prefer-left{ float: left;margin-top:100px;}
.pre-line{ width: 162px; height: 4px; background-color: #000000; display: inline-block; margin-bottom: 90px;}
.text06{ font-size: 60px; font-weight: bold; color: #ff0000;}
.text07{ font-size: 48px; font-weight: bold;}
.text08{ font-size: 30px;}
.prefer-content{float: right; margin: 190px 120px 0 0; width: 560px;}
.prefer-list li { width: 260px; height: 58px; border-radius: 40px; background-color: #ffffff; float: left; margin:0 15px 16px 0; font-size: 24px; line-height: 58px; text-align: center; cursor: pointer;}
.prefer-list li:hover{ background-color: #333333; color:#ffffff;}
.prefer-list .active{ background-color: #333333; color:#ffffff;}
.prefer-info{ width: 560px; height: auto; margin-top: 50px; background-color: #ffffff; padding:40px 20px 60px 30px; font-size: 18px; color:#666666; line-height: 34px; position: relative;}
.icon01{ width:0;height:0;border-width:0 10px 10px;border-style:solid;border-color:transparent transparent #ffffff;/*透明 透明  灰*/margin:40px auto;position:absolute; top:-50px; left: 120px;}
.page01, .page02{ width: 52px; height: 52px; position: absolute; bottom: -25px; cursor: pointer;}
.page01:hover, .page02:hover{ background-color: #ff0000; }
.page02{ left:100px;}
.page01{background: url("/template/ch/z/images/page01.png") #000000;}
.page02{background: url("/template/ch/z/images/page02.png") #000000;}
.solution{ background-image: url("/template/ch/z/images/back03.jpg"); width: 100%; height: 482px; background-position: center top !important;}
.soulution-top{ height: 220px;}
.text09{ font-size: 60px; font-weight: bold; color:#ffffff; margin: 0px;}
.text10{ font-size: 30px; color:#ffffff;}
.top-left{ float: left; width: 390px; height: 104px; border-left: 3px solid #ff0000; text-align: center; margin-top: 56px;}
.top-right{ width: 180px; height: 96px; background-image: url("/template/ch/z/images/see-more.png"); float: right; margin-top: 55px; line-height: 96px; text-align: center;}
.top-right a{ font-size: 20px; color:#ffffff; }
.est { width: 1200px; margin: -266px auto 0 auto; height: 532px; position: relative;background-size: 100% 100%; }
.est-con{ width: 1100px; height: 107px; background-color: #ffffff; position: absolute; bottom:60px; left:50px;}
.text11{ display: block; font-size: 30px; color:#000000; float: left; line-height: 50px;margin-left:20px;}
.text12{ font-size: 16px; color:#666666; float: left; width: 670px;margin-left:24px; line-height: 26px;}
.text11, .text12{height: 50px; margin-top: 28px;}
.icon03{  width: 52px; height: 52px;  background: url(/template/ch/z/images/page02.png) #ff0000; float: right; margin:28px 30px 0 0;}
.est-list{width:fit-content;width:-webkit-fit-content;width:-moz-fit-content; margin: 50px auto;}
.est-list li{display: inline-block; margin: 0 15px;width: 12px; height: 12px; border-radius: 15px; opacity: 0.85;  transition: all 320ms ease;background-color:#000000; cursor: pointer;}
.est-list .est-avtive{ box-shadow: 0 0 2px 2px #ff0000;  background-color:#ffffff; width: 15px; height: 15px; }
.fuwu{ background-image: url("/template/ch/z/images/back05.jpg"); height: 510px;}
.fuwu-con{ width: 665px; float: right; margin-top:120px;}
.text13{ font-size: 48px; margin-bottom: 50px;}
.text14{ font-size: 18px; line-height: 30px; color:#333333; margin-bottom: 30px;}
.ss{display: block;width: 110px;height: 30px;background-image: url(/template/ch/z/images/right.png);}
.about-us{ width: 100%; }
.about-head{ height: 170px; background-color: #ff0000; position: relative;}
.about-head-left{ height: 40px; float: left; border-left: 4px solid #ffffff; margin-top:65px; font-size: 30px; color:#ffffff; line-height: 45px;}
.text15{ font-size: 48px; color:#ffffff; font-weight: bold; margin: 0 24px 0 15px; line-height: 45px;}
.icon04{ width:0;height:0;border-width:14px 14px 0;border-style:solid;border-color: #ff0000 transparent  transparent;/*透明 透明  灰*/margin:40px auto;position:absolute; bottom:-53px; left: 400px;}
.about-us-content{  padding:0 0 50px 0;}
.us-left{ width: 530px; float: left; margin-top:120px;}
.us-right{ width: 640px; height: 450px; float: right; margin-top:80px;}
.us-bt{ font-size: 48px; color:#000000;margin-bottom: 50px;}
.us-text{ font-size: 16px; line-height: 30px;}
.index-new{ border-top:1px solid #e5e5e5; width: 100%; padding:50px 0 70px 0;}
.new-detil{width: 480px; float: left;}
.new-lister{ width: 640px; float: right; border-left: 1px solid #e5e5e5; padding-left: 50px;}
.new-head{ font-size:30px;}
.new-head span{ font-size: 48px; font-weight: bold;}
.new-btes{ font-size: 48px;  height: 115px; margin:30px 0 15px 0;}
.new-det{ font-size: 16px; line-height:30px;height: 90px; }
.new-show-details{border-bottom: 1px solid #e5e5e5; border-top: 1px solid #e5e5e5;  height: 100px;}
.det-img, .det-date, .det-linl{ float: left;}
.det-img{ border: 1px solid #000000; margin-top:22px; width: 122px; height: 60px;}
.det-date{ width: 80px; height: 60px; margin:22px 0 0 26px; border-right: 1px solid #e5e5e5;}
.det-linl{ margin: 22px 0 0 20px; height: 60px; line-height: 60px; font-size: 16px; cursor: pointer;}
.line-ssd{ width: 8px; height: 1px; background-color: #000000; display: inline-block;}
.icon05{ display: inline-block; width:0;height:0;border-width:10px 0 10px 10px;border-style:solid;border-color:transparent transparent transparent #333;/*透明 透明 透明 灰*/position:relative; margin-left:5px; margin-bottom: -4px;}
.details-list{ margin:26px 0 0 20px;}
.details-list li{ margin-bottom: 20px; list-style-type: disc ;}
.details-list li a{ font-size: 16px; color:#333333;}
#demo{overflow:hidden; height:390px; width:590px;}
#demo1{ height: auto;}
#btn1, #btn2{ cursor: pointer;}
.new-lister li{ height: 130px; width: 590px; border-bottom: 1px solid #e5e5e5;}
.det-date-right{ height: 90px; width: 80px; margin-top: 20px; float: left; border-right: 1px solid #e5e5e5;}
.det-es{ float: right; height: 90px; width: 480px; margin-top: 20px; padding-top: 10px;}
.new-page-1, .new-page-2{ width: 148px;  height: 44px; font-size: 18px; float: left; line-height: 44px; text-align: center;}
.new-page-1{ background-color: #ff0000; color:#ffffff; margin-right: 20px;}
.new-page-2{ border: 1px solid #000000;}
.news-page img{ margin:0 0 3px 6px;}
.news-page{ margin-top:30px;}